chrome 非ua判断是否为移动端(js判断chrome浏览器)

在现代的Web开发中，我们经常需要根据不同的设备和浏览器来编写不同的代码。判断一个请求是否来自移动端设备是一个常见的需求。而Chrome

浏览器提供了一些非UA(User Agent)的方式来判断请求是否来自移动端设备。

1. User Agent中的Mobile标识

在Chrome浏览器中，User Agent字符串中包含了关于客户端设备的详细信息，其中包括了是否为移动设备的标识。我们可以通过检查User Agent字符串中是否包含“Mobile”这个关键字来判断请求是否来自移动端设备。

示例代码：

```javascript

function isMobile() {

const userAgent = navigator.userAgent;

return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);

}

```

这段代码首先获取了当前页面的User Agent字符串，然后使用正则表达式来匹配是否包含移动设备的关键字。如果匹配成功，说明请求来自于移动端设备。

需要注意的是，这种方法并不是非常准确，因为有些移动设备并不会将User Agent字符串设置为“Mobile”，或者某些网站会修改User Agent字符串来模拟移动设备。在实际应用中，我们需要结合其他因素来进行判断。

1. JavaScript事件对象中的screen属性

除了User Agent字符串外，JavaScript事件对象中还包含了关于屏幕尺寸和分辨率的信息。我们可以通过检查event对象中的screen属性来判断请求是否来自移动端设备。

示例代码：

```javascript

function handleTouchEvent(event) {

if (event.touches && event.touches.length > 0) {

// 请求来自于移动端设备

} else {

// 请求不来自于移动端设备

}

}

```

这段代码首先检查event对象中是否有touches属性，如果有并且touches数组长度大于0,说明请求来自于移动端设备。否则，说明请求不来自于移动端设备。需要注意的是，这种方法只适用于触摸事件，对于鼠标事件无效。

以上是两种常用的非UA方式来判断请求是否来自移动端设备的方法。虽然这些方法不是百分之百准确的，但是它们可以在大多数情况下提供可靠的结果。在实际应用中，我们还需要结合其他因素来进行判断，比如网页的布局、字体大小等等。